<template>
    <view>
      <ac-navbar title="首页"></ac-navbar>
        123132
        <ac-cell title="选项卡 Tabs"></ac-cell>

          <ac-button label="信息2">信息2</ac-button>
  <ac-icon name="left"></ac-icon>
      <svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="20" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 37V44V37Z" fill="none"/><path d="M24 37V44" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M36 24H44H36Z" fill="none"/><path d="M36 24H44" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 24H11H4Z" fill="none"/><path d="M4 24H11" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 11V4V11Z" fill="none"/><path d="M24 11V4" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
      <view class="svg-test"></view>
11


      <image src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%2224%2024%2048%2048%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20repeatCount%3D%22indefinite%22%20from%3D%220%22%20to%3D%22360%22%20dur%3D%221400ms%22%3E%3C%2FanimateTransform%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2248%22%20r%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23{{color}}%22%20stroke-width%3D%222%22%20transform%3D%22translate%5C(0%2C0%5C)%22%3E%3Canimate%20attributeName%3D%22stroke-dasharray%22%20values%3D%221px%2C%20200px%3B100px%2C%20200px%3B100px%2C%20200px%22%20dur%3D%221400ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2Fanimate%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220px%3B-15px%3B-125px%22%20dur%3D%221400ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2Fanimate%3E%3C%2Fcircle%3E%3C%2Fsvg%3E" />

      <svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
        <circle cx="24" cy="24" r="20" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M24 37V44V37Z" fill="none" style="fill: none;"/>
        <path d="M24 37V44" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: #333; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round;"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M36 24H44H36Z" fill="none" style="fill: none;"/>
        <path d="M36 24H44" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: #333; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round;"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M4 24H11H4Z" fill="none" style="fill: none;"/>
        <path d="M4 24H11" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: #333; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round;"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M24 11V4V11Z" fill="none" style="fill: none;"/>
        <path d="M24 11V4" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: #333; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round;"/>
      </svg>
22
      <view class="i-icon-park-outline-setting"></view>
      <fr-icon-aiming theme="outline" :size="24" :fill="['#000000']" />
    </view>
</template>

<script lang="ts" setup>
import { ref, computed, getCurrentInstance } from 'vue';
import { onShow, onReady, onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app';

const { proxy } = getCurrentInstance() as any;

let dataList = ref([]);

let isLoading = ref(true);

onShow(() => { });

onReady(() => { });

onLoad(() => { });

</script>

<style scoped>

.svg-test{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 20l-6-6h12l-6 6zm0-16l6 6H6l6-6z'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}
</style>

<route type="home" lang="json">
{
    "style": {
        "navigationBarTitleText": ""
    }
}
</route>